@charset "utf-8";
// 页面整体样式-----------------------------------------------------------------------------
$main_color:#1F1F1F; // 主文字颜色
$main_background_color:rgb(255, 255, 255); // 主背景颜色
$main_width_mini:1000px;//页面最小宽度
$scrollbar_color:#d3dce6; // 原生滚动条颜色
$scrollbar_width:4px; // 原生滚动条高度
$main_box_padding_right:4px; // 主内容块右边距
$main_box_padding_left:4px; // 主内容块左边距
$main_box_background_color:#FFF; // 主内容块背景色

// logo图片样式-----------------------------------------------------------------------------
$logo_width:180px;// logo 图片宽
$logo_small_width:32px;// 小logo宽度
$logo_margin_left:10px;// logo 距离左侧距离
$logo_url:'assets/logo.svg'; // logo 地址'assets/logo.svg' src内文件夹已使用代理
$logo_small_url:'assets/logo_small.svg';// 小图标地址

//头部样式----------------------------------------------------------------------------------
$head_color:#f3f3f3;//头部字体颜色
$head_background_color:rgb(122, 141, 247); // 头部背景颜色
$head_item_color:rgb(243, 243, 243); // 头部退出按钮颜色
$head_height:56px; // 头部高度

//面包屑样式---------------------------------------------------------------------------------
$breadcrumb_height:26px; // 面包屑高度
$breadcrumb_font_size:14px;//面包屑字体大小
$breadcrumb_font_weight:500;//面包屑字体加粗
$breadcrumb_font_last_weight:400;//面包屑字体加粗
$breadcrumb_color:#1F1F1F; // 面包屑文字默认颜色
$breadcrumb_hover_color:rgb(75, 62, 250); // 面包屑文字hover颜色
$breadcrumb_current_route_color:rgb(99, 99, 99); // 面包屑文字路径活动颜色

//标签导航栏样式------------------------------------------------------------------------------
$tagsview_font_size:14px; // 导航标签字体大小
$tagsview_height:36px; // 导航标签高度
$tagsview_item_color:$main_color; // 导航标签元素字体颜色
$tagsview_item_height:26px; // 导航标签元素高度(标签栏高度减标签元素高度除以2必须大于滚动条宽度)
$tagsview_item_margin:0 6px 0px 0; // 导航标签元素外边距
$tagsview_item_padding:0px 26px 0px 16px; // 导航标签元素内边距
$tagsview_item_padding_fixed:0px 16px 0px 16px; // 导航无删除按钮标签元素内边距
$tagsview_item_border:1px solid rgb(211, 211, 211); // 导航标签元素边框样式
$tagsview_item_border_radius:4px;// 导航标签元素圆角
$tagsview_item_background_color:1px solid rgb(211, 211, 211); // 导航标签元素背景色
$tagsview_item_active_color:#fff; // 导航标签元素字体颜色（活动）
$tagsview_item_active_background_color:rgb(122, 141, 247); // 导航标签元素背景色（活动）
$tagsview_item_button_active_color:#8f8f8f; // 导航标签元素删除按钮颜色（活动）
$tagsview_item_button_active_background_color:rgb(218, 218, 218); // 导航标签元素删除按钮背景色（活动）
$tagsview_window_font_size:12px;// 右键弹出框字体大小
$tagsview_window_font_color:$main_color;// 右键弹出框字体颜色
$tagsview_window_font_color_active:$main_color;// 右键弹出框字体颜色(活动)
$tagsview_window_background_color:#fff;// 右键弹出框背景颜色
$tagsview_window_background_color_active:rgb(230, 230, 230);// 右键弹出框背景颜色(活动)
$tagsview_window_border_radius:6px;// 右键弹出框圆角样式
$tagsview_window_box_shadow:1px 1px 1px 1px rgb(241, 241, 241);// 右键弹出框阴影
$tagsview_window_width:68px;// 右键弹出框宽度
$tagsview_window_item_padding:0 6px;// 右键弹出框元素内边距
$tagsview_window_item_height:30px;// 右键弹出框元素高度

//路由展示内容区域样式------------------------------------------------------------------------------
$maincontent_to_botton_size:6px; // 路由展示内容区域距离底部宽度
$maincontent_height:calc(100% - 
    #{$breadcrumb_height} - 
    #{$tagsview_height} - #{$maincontent_to_botton_size});// 路由展示内容区域高度
$maincontent_border:1px solid rgb(236, 236, 236);// 路由展示内容区边框样式
$maincontent_border_radius:4px;//路由展示内容区域圆角
$maincontent_background_color:#FFF; // 路由展示内容区背景颜色
$maincontent_padding:6px;// 路由展示内容区内边距

//导航栏样式-------------------------------------------------------------------------------
$asidebar_icon_width:18px; // 导航栏icon宽度
$asidebar_width_collaps:64px; //导航栏展开宽度
$asidebar_width_not_collaps:200px; //导航栏展开宽度
$asidebar_head_background_color:rgb(75, 62, 250); // 导航栏logo背景色 （仅双列布局模式下有效）
$asidebar_background_color:rgb(245, 245, 245); // 导航栏背景颜色
$asidebar_world_color:$main_color,$main_color,$main_color; // 导航栏各级文字背景颜色列表 （从一级导航到最后一级，可根据设计调整，请按照scss数组形式编写数据）
$asidebar_world_active_color:rgb(75, 62, 250),rgb(75, 62, 250),rgb(75, 62, 250); // 导航栏各级文字颜色(活动)列表 （从一级导航到最后一级，可根据设计调整，请按照scss数组形式编写数据）
$asidebar_item_color:rgb(192, 190, 190),rgb(223, 223, 223),#FFF; // 导航栏各级选项背景颜色列表 （从一级导航到最后一级，可根据设计调整，请按照scss数组形式编写数据）
$asidebar_item_color_active:rgb(183, 194, 247),rgb(183, 194, 247),rgb(183, 194, 247); // 导航栏各级选项背景颜色(活动)列表 （从一级导航到最后一级，可根据设计调整，请按照scss数组形式编写数据）
$asidebar_out_item_radius:6px; // 导航栏弹出框圆角
$asidebar_out_item_width:200px; // 导航栏弹出框item宽度

//button样式-------------------------------------------------------------------------------
$button_font_size:12px;//按钮字体大小
$button_default_font_color:rgb(255, 255, 255);//默认按钮字体颜色
$button_default_font_color_active:rgb(255, 255, 255);//默认按钮字体颜色(活动)
$button_cancle_font_color:$main_color;//取消按钮字体颜色
$button_cancle_font_color_active:$main_color;//取消按钮字体颜色(活动)
$button_define_font_color:#fff;//确认按钮字体颜色
$button_define_font_color_active:#fff;//确认按钮字体颜色(活动)
$button_default_padding:0 8px;//默认按钮内边距
$button_cancle_padding:0 8px;//取消按钮内边距
$button_define_padding:0 8px;//确认按钮内边距
$button_default_height:30px;//默认按钮高度
$button_cancle_height:30px;//取消按钮高度
$button_define_height:30px;//确认按钮高度
$button_default_width:80px;//默认按钮宽度
$button_cancle_width:80px;//取消按钮宽度
$button_define_width:80px;//确认按钮宽度
$button_default_background_color:rgb(183, 194, 247);//默认按钮背景色
$button_default_background_color_active:rgb(183, 194, 247);//默认按钮背景色(活动)
$button_cancle_background_color:#fff;//取消按钮背景色
$button_cancle_background_color_active:#fff;//取消按钮背景色(活动)
$button_define_background_color:rgb(240, 30, 30);//确认按钮背景色
$button_define_background_color_active:rgb(240, 30, 30);//确认按钮背景色(活动)
$button_default_border_color:rgb(183, 194, 247);//默认按钮边框色
$button_default_border_color_active:rgb(183, 194, 247);//默认按钮边框色(活动)
$button_cancle_border_color:rgb(228, 228, 228);//取消按钮边框色
$button_cancle_border_color_active:rgb(228, 228, 228);//取消按钮边框色(活动)
$button_define_border_color:rgb(240, 30, 30);//确认按钮边框色
$button_define_border_color_active:rgb(240, 30, 30);//确认按钮边框色(活动)

//dialog样式-------------------------------------------------------------------------------
$dialog_radius:8px;//dialog圆角
$dialog_head_font_size:14px;// dialog 标题字体大小
$dialog_head_font_color:#fff;// dialog 标题颜色
$dialog_head_reject_size:18px;// dialog 删除按钮字体大小
$dialog_head_reject_color:rgb(230, 228, 228);//dialog 删除按钮颜色
$dialog_head_reject_color_active:#fff;// dialog 删除按钮激活颜色
$dialog_head_height:36px;// dialog 头部高度
$dialog_head_background_color:rgb(117, 138, 255);;// dialog 头部背景色
$dialog_body_min_height:140px;// dialog 内容区最小高度
$dialog_body_background_color:#fff;// dialog 头部背景色
$dialog_body_item_padding:10px 28px;// 组件内边距
$dialog_body_label_width:110px;// 组件label宽度
$dialog_body_input_height:30px;// 组件input高度
$dialog_body_single_clumn_modle_input_width:230px;// 组件input单列模式下宽度
$dialog_footer_padding:0 18px;// dialog 底部内边距
$dialog_footer_height:50px;// dialog 底部高度
$dialog_footer_background_color:#fff;// dialog 底部背景色
$dialog_footer_border_top_color:rgb(209, 209, 209);// dialog 底部高度
$dialog_footer_button_margin:0 18px;//dialog 底部按钮外边距
$dialog_footer_button_aligin:right;//dialog 底部按钮对齐

//filterBox样式-------------------------------------------------------------------------------
$filterBox_border:1px solid rgb(226, 226, 226);// 条件筛选框边框样式
$filterBox_radius:8px;//条件筛选框圆角
$filterBox_margin:0 0 8px 0;//条件筛选框外边距
$filterBox_padding:5px 0;//条件筛选框内边距
$filterBox_background_color:rgb(241, 241, 241);//条件筛选框圆角
$filterBox_item_width:230px;//item元素宽度
$filterBox_item_margin:5px 10px;//item元素外边距
$filterBox_item_padding:0;//item元素内边距
$filterBox_item_label_height:24px;//item元素label高度
$filterBox_item_label_font_size:14px;//item元素label字体大小
$filterBox_item_label_font_color:$main_color;//item元素label字体颜色
$filterBox_item_input_height:30px;//item元素input框高度
$filterBox_button_box_right:20px;//item元素按钮模块距离右边像素
$filterBox_button_box_botom:10px;//item元素按钮模块距离左边像素
$filterBox_button_item_spacing:14px;//item元素按钮间距

//pagination样式-------------------------------------------------------------------------------
$oagination_box_padding:0 4px; // 翻页组件外盒子内边距
$oagination_pager_color:$main_color;// 翻页组件数字点击区域字体颜色
$oagination_pager_color_active:#fff;// 翻页组件数字点击区域字体颜色(活动)
$oagination_pager_color_hover:rgb(122, 141, 247);// 翻页组件数字点击区域字体颜色（鼠标划过）
$oagination_pager_color_disabled:#C0C4CC;// 翻页组件数字点击区域字体颜色（禁止点击）
$oagination_pager_background_color:rgb(231, 231, 231);// 翻页组件数字点击区域背景色
$oagination_pager_background_color_active:rgb(122, 141, 247);// 翻页组件数字点击区域背景色（活动）
$oagination_pager_background_color_disabled:rgb(245, 245, 245);// 翻页组件数字点击区域背景色（禁止点击）